<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ include file="/common/taglibs.jsp" %>
<%@page contentType="text/html;charset=UTF-8" %>
<%@page pageEncoding="UTF-8" %>
<html>
<head>
    <%@ include file="/common/meta.jsp" %>
    <meta name="heading" content="<fmt:message key='login.heading'/>"/>
    <title><fmt:message key="login.title"/></title>
    <link type="text/css" rel="stylesheet" href="${static_server_root}/static/styles/main.css"/>
    <link type="text/css" rel="stylesheet" href="${static_server_root}/static/styles/bubble.css"/>
    <link type="text/css" rel="stylesheet" href="${static_server_root}/static/styles/login.css"/>
    
    <%--
    <script type="text/javascript" src="${static_server_root}/static/scripts/jquery/jquery-1.8.3.min.js"></script>
     --%>
    <script type="text/javascript" src="${static_server_root}/static/scripts/messages.js"></script>
    <!--validation-->
    <link rel="stylesheet" href="${static_server_root}/static/styles/validator/validationEngine.jquery.css" type="text/css"/>
    <script src="${static_server_root}/static/scripts/validator/languages/jquery.validationEngine-lang.js" type="text/javascript" charset="utf-8"></script>
    <script src="${static_server_root}/static/scripts/validator/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
    
    <script src="${static_server_root}/static/scripts/common.thread.js" type="text/javascript"></script>
    <script src="${static_server_root}/static/scripts/login/login.thread.js" type="text/javascript"></script>
    <script src="${static_server_root}/static/scripts/login/register.thread.js" type="text/javascript"></script>

</head>
<body class="yui-skin-sam short-head">
<iframe id="yui-history-iframe" src="${static_server_root}/static/images/ajax.gif"></iframe>
<input id="yui-history-field" type="hidden">


<div class="LRmain">
    <div class="LRmainD clearfix">
        <h1 class="clearfix"><p><span>第一次来橡果? 不要再等了立即</span><i class="Ilogin"></i></p>
            <p><span>如果您已拥有橡果帐号请马上</span><i class="Iregister"></i></p></h1>
           <!-- 注册open -->
        <div class="LRlogin">
            <div class="LR_tipsj"><span>注册即送1000积分，价值10元，立即就可抵用</span></div>
         <form:form id="registerForm" method="post" modelAttribute="userForm" action="register">


                    <form:hidden path="loginName" id="loginName"/>
                    <p>
                        <form:label path="email"><fmt:message key="label.email"/></form:label>
                        <form:input path="email"
                                    cssClass="validate[required,custom[email],maxSize[50],ajax[ajaxUserEmailCall]] w_200"
                                    id="email"/>
                        <form:errors path="email" cssClass="error"/>
                    </p>
                    <p>
                        <form:label path="password"><fmt:message key="label.password"/></form:label>
                            <form:password path="password"
                                           cssClass="validate[required,minSize[4],maxSize[20]] w_200"
                                           id="password"/>
                                <span class="prompt ft" style="display:none"><i></i><span><form:errors path="password"
                                                                                                       cssClass="error"/></span></span>
                    </p>
                    <p>
                        <form:label path="confirmPassword"><fmt:message key="label.repassword"/></form:label>
                            <form:password path="confirmPassword"
                                           cssClass="validate[required,minSize[4],maxSize[20],equals[password]] w_200"/>
                                <span class="error" style="display:none"><i></i><span><form:errors
                                        path="confirmPassword" cssClass="error"/></span></span>
                    </p>

                    <p>
                        <form:label path="code"><fmt:message key="verification.code"/></form:label>
                            <form:input path="code" cssClass="w_150 focusChangeCodeImg" id="code"/>
                            <spring:url value="/captcha-image.html" var="rCodeImg"/>
                            <img src="${rCodeImg}?2" id="rCodeImg"/>
                            <form:errors path="code" cssClass="error"/>
                    </p>
                    <p><a href="javascript:void(0);" onclick="return false;" class="LRbtn_lg" title="<fmt:message key='register'/>" id="register"></a></p>


            </form:form>
        </div>
        <!-- 注册end -->
        <!-- 登录open -->
        <div class="LRegister ">
        <form method="post" id="loginForm" action="<c:url value='/login_fail'/>">

                <c:if test="${param.loginError != null}">
                    <p class="error"><i></i><span><fmt:message key="errors.password.mismatch"/></span></p>
                </c:if>

                <p>
                    <label for="j_username">用户名/邮箱</label>
                    <input name="j_username" id="j_username" type="text"
                           class="validate[required,minSize[4],maxSize[30]] w_200"/>
                </p>

                <p>
                    <label for="j_password"><fmt:message key="label.password"/></label>
                    <input name="j_password" id="j_password" type="password"
                           class="validate[required,minSize[4],maxSize[20]] w_200"/><a tabindex="-1" href="/customer/pwdretrieve"
                                                                                       target=_self>&nbsp;<fmt:message
                        key="customer.password.retrieve"/></a>
                </p>

                <p>
                    <label for="lCode"><fmt:message key="verification.code"/></label>
                    <input type="text" class="w_150  focusChangeCodeImg" name="code" id="lCode" />
                    <spring:url value="/captcha-image.html" var="lCodeImg"/>
                    <img src="${lCodeImg}?1" id="lCodeImg"/>
                </p>

            <p style=" height: 25px"></p>
                <p><a href="javascript:void(0);" onclick="return false;" class="LRbtn_rg"
                      title="<fmt:message key='login.title'/>" id="btnLogin"></a> </p>

        </form>
        </div>
    <!--   登录end -->
</div>
<span class="LRmainBg"></span>
</div>


</body>
</html>